<template>
	<view class="receive-record">
		<common-navbar title="领取记录"></common-navbar>
		<scroll-view scroll-y class="receive-recoed-list">
			<view class="recoed-item" v-for="(item,index) in 100" :key="index">
				<view class="date-time">
					10月29日
				</view>
				<view class="overdue-status">
					已过期
				</view>
				<view class="recoed-item-main">
					<view class="invited-user-list">
						<view class="user-avatar-wrapper" :style="{'transform':`translateX(${-avatarIndex*16}rpx)`,'z-index':10-avatarIndex}" v-for="(avatarItem,avatarIndex) in 3" :key="avatarIndex">

						</view>
					</view>
					<view class="recoed-info">
						<view class="recoed-info-code">
							编号:HT3661965465
						</view>
						<view class="recoed-info-receive-time">
							<text class="label">领取时间</text>2022-10-29 23:22:30
						</view>
						<view class="recoed-info-overdue-time">
							<text class="label">过期时间</text>2022-11-29 23:22:30
						</view>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	@import "./receiveRecord.scss";
</style>
